<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<title></title>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<input type="button" value="弹出弹框" id="btn01">
		<div class="pop_main" id="pop">
			<div class="pop_con">
				<div class="pop_title">
					<h3>系统提示</h3>
					<a href="#" id="shutoff">×</a>
				</div>
				<div class="pop_detail">
					<p class="pop_text">亲！请关注近期的优惠活动！</p>
				</div>
				<div class="pop_footer">
				</div>
			</div>
			<div class="mask"></div>
		</div>
	</body>
	<script type="text/javascript">
		$("#btn01").click(function(){
			$("#pop").show()
			return false
		})	
		$("#shutoff").click(function(){
			$(".pop_main").hide()
			
		})
		$(".pop_main").click(function(){
			$(".pop_main").hide()
		})
		$(".pop_con").click(function(){			
			return false
		})
	</script>
</html>
